<!-- 全屏组件 -->
<script setup lang="ts" >
import screenfull from 'screenfull'
import { ref } from "vue";

let isFullscreen =ref(false)
const changeFull = (): void => {
  screenfull.toggle()
  isFullscreen.value = screenfull.isFullscreen
} 
</script>

<template>
  <div>
    <i :class="['iconfont',isFullscreen?'icon-quanping':'icon-quxiaoquanping']" style="font-size:30px" @click="changeFull"></i>
  </div>
</template>

<style scoped lang="less">

</style>
